<template>
  <div class="lifecycle flex">
    <div class="flex flex1" style="padding: 2rem;">
      <div class="flex2 flexC">
        <p class="font_s27 Bold" style="color: #5AD834; p">{{data.mc}}</p>
        <p class="font_s22 colorF" style="padding: 1rem 0;"><img class="verticM" style="height: 1.375rem; padding-right: 0.5rem;" src="../../../assets/img/comprehensive/55.png" alt="">{{data.dz}}</p>
        <p class="flex Medium font_s22 colorF JustifyContentSB information">
          <span>负责人：{{data.fzr}}</span>
          <span>社会信用代码号：{{data.shxydm}}</span>
          <span>开办时间：{{data.ksrq}}</span>
        </p>
        <div class="flex1 bgtu"></div>
      </div>
      <div class="flex1 bgtu2"></div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'LifeCycle',
  props: {
    data: {
      type: Object,
      default: () => {
        return {}
      }
    }
  }
}
</script>
<style lang="scss" scoped>
.lifecycle{
  width: 100%;
  height: 100%;
  .information{
    line-height:3.25rem;
    padding:0 1rem;
    background:rgba(50,60,73,0.5);
    border:1px dashed rgba(109,109,120,1);
  }
  .bgtu{
    background: url(../../../assets/img/comprehensive/93.png) no-repeat;
    background-size: 100% 100%;
    margin: 1.5rem 1rem;
  }
  .bgtu2{
    background: url(../../../assets/img/comprehensive/94.png) no-repeat;
    background-size: 100% 100%;
    margin: 2.5rem 2rem;
  }
}
</style>
